<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>layout页面布局</title>
	<!-- 引入easyui相关的资源文件 -->
	<link rel="stylesheet" type="text/css"
	 href="${pageContext.request.contextPath}/js/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/easyui/themes/icon.css">
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
	<script type="text/javascript"
	 src="${pageContext.request.contextPath}/js/easyui/jquery.easyui.min.js"></script>
	<!-- 引入ztree资源文件 -->
	 <link rel="stylesheet"
	  href="${pageContext.request.contextPath}/js/ztree/zTreeStyle.css" type="text/css">
	<script type="text/javascript"
	 src="${pageContext.request.contextPath}/js/ztree/jquery.ztree.all-3.5.js"></script>
	 <script type="text/javascript">
	 	$(function(){
	 		$.messager.show({
	 			title:'提示信息',
	 			msg:'欢迎登陆bos系统',
	 			timeout:'2000',
	 			showType:'slide'
	 		})
	 		
	 		$.messager.alert('标题','提示内容','warning')
	 		$.messager.confirm('标题','你确定你的操作么?',function(data){
	 			alert(data)
	 		})
	 		
	 		$.messager.prompt('标题','请输入你的姓名',function(data){
	 			alert(data)
	 		})
	 		$.messager.progress(1000)
	 		 window.setTimeout(function(){
	 			$.messager.progress('close')
	 		},3000)
		 /* 	window.setTimeout(function(){
		 		$.messager.progress('close'); //关闭进度条
		 	}, 2000); */
	 	})
	 </script>
</head>
<body class="easyui-layout">
	<!-- 每个div是一个区域 -->
	<div data-options="region:'north',title:'XXX管理系统'" style="height: 150px">北部区域</div>
	<div data-options="region:'west',title:'系统菜单'" style="width: 200px"></div>
	<div data-options="region:'center',title:'内容'">
		<div id="show"></div>
	</div>
	<div data-options="region:'south'" style="height: 50px">南部区域</div>
</body>
</html>